<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>复习</title>
		<style type="text/css">
			form {
				width: 666px;
				margin: 0 auto;
				
			}
			.box {
				width: 275px;
			}
			.info {
				float: right;
			}
		</style>
	</head>
	<body>
		<!-- <table border="1" width="500" height="500" cellspacing="" cellpadding="" align="center">
			colspan 合并列  本行删除一个td
			     rowspan 合并行  在下一行删除一个td  
			<tr align="center">
				<td colspan="2">data</td>
				<td>data</td>
				<td rowspan="2">data</td>
			</tr>
			<tr align='right'>
				<td>data</td>
				<td rowspan="2">data</td>
				<td>data</td>
			</tr>
			<tr>
				<td>data</td>
				<td colspan="2">data</td>
				<td>data</td>
			</tr>	
		</table> -->
		<form action="" >
			<h2>用户注册界面</h2>
			<fieldset>
				<legend>基本信息</legend>
				<div class="box">
					用户名：<input class="info" type="text" value="">
				</div>
				<div class="box">
					密码：<input class="info" type="password" value="" />
				</div>
				<div class="box">
					确认密码：<input class="info" type="password" value="" />
				</div>
			</fieldset>
			<fieldset>
				<legend>其他信息</legend>
				<div>
					性别：
					<input type="radio" name="gender" id="" value="" checked />男
					<input type="radio" name="gender" id="" value="" />女
				</div>
				<div>
					个人爱好：
					<input type="checkbox" value="">上网
					<input type="checkbox" value="" checked>游戏
					<input type="checkbox" value="">篮球
					<input type="checkbox" value="">足球
					<input type="checkbox" value="">交友
					<input type="checkbox" value="">其他
				</div>
				<div>
					家乡：
					<input list="city" value="">
					<datalist id="city">
						<option value ="石家庄">
						<option value ="张家口">
						<option value ="邯郸">
						<option value ="邢台">
						<option value ="沧州">	
						<option value ="秦皇岛">
					</datalist>
				</div>
			</fieldset>
			<fieldset id="">
				<legend>自我介绍</legend>
				
				<textarea rows="6" cols="85" placeholder="请输入自我介绍"></textarea>
			</fieldset>
		</form>
	</body>
</html>
